<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>

	<meta charset="UTF-8">
	<title>菜单管理</title>

	<link rel="stylesheet" href="../../../static/bootstrap/css/bootstrap-iso.css" />
	<link rel="stylesheet" href="../../../static/css/foot123.css">
	<link rel="stylesheet" href="../../../static/css/menu_manager.css">
	<link rel="stylesheet" href="../../../static/css/top123.css">
	<link rel="stylesheet" href="../../../static/css/page_nav2.css">
	<script type="text/javascript" src="../../../static/script/jquery-1.11.2.js"></script>
	<%-- 静态包含 base标签、css样式、jQuery文件 --%>
	<script type="text/javascript">
		$(function () {
			// 给删除的a标签绑定单击事件，用于删除的确认提示操作
			$("a.deleteClass").click(function () {
				// 在事件的function函数中，有一个this对象。这个this对象，是当前正在响应事件的dom对象。
				/**
				 * confirm是确认提示框函数
				 * 参数是它的提示内容
				 * 它有两个按钮，一个确认，一个是取消。
				 * 返回true表示点击了，确认，返回false表示点击取消。
				 */
				return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() + "】?");
				// return false// 阻止元素的默认行为===不提交请求
			});
		});
	</script>

</head>
<body>
<div id="header">
	<%-- 静态包含 manager管理模块的菜单  --%>
	<%@include file="../common/manager_menu.jsp"%>
</div>


	<div class="bootstrap-iso">
		<div class="row" style="background-color: #fff;overflow: auto;margin-top: 20%;"
			 id="table123">
			<div class="col-md-12">
				<div class="table-responsive">
					<table class="table table-hover table-striped table-bordered" data-toggle="table">

						<tr>
							<td>名称</td>
							<td>价格</td>
							<td>类型</td>
							<td>销量</td>
							<td>库存</td>
							<td colspan="2">操作</td>
						</tr>
						<c:forEach items="${requestScope.page.items}" var="menu">
							<tr>
								<td>${menu.name}</td>
								<td>${menu.price}</td>
								<td>${menu.type}</td>
								<td>${menu.sales}</td>
								<td>${menu.stock}</td>
								<td><a href="${pageContext.request.contextPath}/manager123/toupdatemenu/${menu.id}">修改</a></td>
								<td><a class="deleteClass" href="${pageContext.request.contextPath}/manager123/deletemenu/${menu.id}">删除</a></td>
							</tr>
						</c:forEach>
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td class="success"><a href="${pageContext.request.contextPath}/manager123/toaddmenu">添加菜单</a></td>
						</tr>

					</table>
				</div>
			</div>
		</div>
	</div>
<%--静态包含分页条--%>
<%@include file="../common/page_nav.jsp"%>


</body>
</html>